<style>

.style-list{margin: 15px 3px 20px;box-shadow: 0 0 3px rgba(172,165,150,0.5);background:#ede8de;padding:0px;position:relative;border-radius:2px;}
.style-list:hover{z-index:20;box-shadow: 0 0 5px rgba(172,165,150,0.5);}
.style-list:hover .tools{display:block;}
.style-list .content{background:#fefefe;padding:13px;}
.style-list .tools{text-align:left;width:100%;padding:15px;color:#FFF;}
.style-list .tools a,.style-list .tools a:hover{text-decoration: none;color:#3a3332;font-size:16px;}

.template-cover{width:340px;height:480px;max-width: 100%;}
.color-swatch{width:30px;height:30px;border-radius:3px;font-size:12px;cursor: pointer;display: inline-block;margin:4px 4px 0px 0;}
.color-swatch:hover,.color-swatch.active {	
	-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);
	-o-transform:scale(1.1);transform:scale(1.1);
	-webkit-box-shadow:inset 1px 1px 1px #5b616d,0 0 5px #45bcda;
	-moz-box-shadow:inset 1px 1px 1px #5b616d,0 0 5px #45bcda;
	box-shadow:inset 1px 1px 1px #5b616d,0 0 5px #45bcda;
}
.tooltip-inner{text-align:left;padding:10px 15px;}
</style>
<div class="container">
   <div class="ui-portlet" id="colors_list">
		<div style="padding:0px;overflow-x:hidden;">
		
			<ul class="nav nav-tabs">
			  <li class="active"><a href="#color-all-list-1" role="tab" data-toggle="tab"><i class="fa fa-list"></i> 配色方案</a></li>
			  {{if count($CurrentUser['role_id']) > 1}}
			  <li><a id="favor-color-trigger" href="#color-favorite-list-1" style="padding-right:40px;" data-url="/favorites/mine/Color #my-favorite-list" data-selector="#my-favorite-list" role="tab" data-toggle="tab"><i class="fa fa-heart-o"></i> 收藏配色</a>
			  		<a href="#color-favorite-list-1" class="showtooltip btn-refresh" style="position:absolute;top:0px;right:0px;cursor: pointer;background: transparent;border:0 none;" data-refresh="always" title="点击刷新收藏配色" data-url="/favorites/mine/Color #my-favorite-list" role="tab" data-toggle="tab"><i class="fa fa-refresh"></i></a>
			  </li>
			  {{/if}}
			</ul>
			<div class="tab-content"  style="padding:0px;overflow-x:hidden;" id="colors-tab-content">
				<div id="color-all-list-1" class="tab-pane active">
				
					{{if count($CurrentUser['role_id']) > 1}}
						{{$list_page_navi}}
					{{else}}
						<p>付费后加载<a href="/color-plans.html" target="_blank">更多配色方案</a>，</p><p>付费后可收藏配色方案使用</p>
						<a href="http://www.135plat.com/charge-service" class="btn btn-warning" target="_blank">立即付费</a>
					{{/if}}
					       <div class="row">
					       {{loop $datalist $k $item}}
					       
					       <?php $item = $item['Color'] ;?>
<ul style="margin:0 0;padding:0 0;list-style: none;text-align:center;" class="clearfix">					       
<?php
$colors =  explode("\r\n",$item['colors']);
foreach($colors as $c) {
	$cts = explode(';',$c);
	if(count($cts) == 2) {
		echo '<li class="color-swatch" title="<strong>'.$cts[0].'</strong><br/>'.$cts[1].'" data-html="true" data-container="body" data-toggle="tooltip" style="background-color:'.$cts[0].'"></li>';
	}
	else{
		echo '<li class="color-swatch" title="'.$c.'"  data-container="body" data-toggle="tooltip" style="background-color:'.$c.'"></li>';
	}
}
?>
</ul>			       	
					  		{{/loop}}
					    	</div>
					{{if count($CurrentUser['role_id']) > 1}}
				    	{{$list_page_navi}}
				    {{/if}}
				</div>
				<div id="color-favorite-list-1" class="tab-pane"></div>
			</div>
		</div>
    </div>
</div>   	
